.si-click-event {
    width: 100%;
    .add-btn {
        width: 100%;
        height: 40px;
        color: var(--edit-color-primary);
        border-color: var(--edit-color-primary);
        background-color: inherit;
        &:hover {
            color: var(--edit-color-white);
            background-color: var(--edit-color-primary);
        }
    }
    .event-content {
        margin-top: 10px;
        .content-row {
            & + .content-row {
                margin-top: 10px;
            }
            .content-row-title {
                color: var(--edit-text-color-regular);
                margin-bottom: 8px;
            }
        }
    }
    // .set-btns {
    //     display: flex;
    //     align-items: center;
    //     .update-btn {
    //         width: 100%;
    //         height: 40px;
    //         color: var(--edit-color-white);
    //         border-color: var(--edit-color-primary);
    //         background-color: var(--edit-color-primary);
    //     }
    //     .delete-btn {
    //         width: 100%;
    //         height: 40px;
    //         color: var(--edit-color-primary);
    //         border-color: var(--edit-color-primary);
    //         background-color: inherit;
    //     }
    // }
    // .event-content {
    //     border: 1px solid var(--edit-border-color);
    //     margin-top: 10px;
    //     .content-row {
    //         padding: 7px 16px;
    //         & + .content-row {
    //             border-top: 1px solid var(--edit-border-color);
    //         }
    //     }
    // }
}

.click-event-dialog {
    height: 410px;
    ::v-deep(.el-tabs) {
        height: 100%;
        .el-tabs__content {
            height: calc(100% - 40px - 15px);
            .el-tab-pane {
                height: 100%;
            }
        }
    }
}
